<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<% response.setContentType("text/html; charset=UTF-8");%>
<% request.setCharacterEncoding("utf-8");%>

<%
	String type = null;
	int maTS = 0, id = 0;
	String hoten = null, username = null;
	HttpSession ss = request.getSession();
	if (ss.getAttribute("isLogin") == null) {
		response.sendRedirect("login.jsp");
	} else if (ss.getAttribute("isLogin").equals(false)) {
		response.sendRedirect("login.jsp");
	} else {
		type = ss.getAttribute("type").toString();
		if (type.equals("TS")) {
			maTS = Integer.parseInt(ss.getAttribute("maTS").toString());
			hoten = ss.getAttribute("hoten").toString();
		} else {
			id = Integer.parseInt(ss.getAttribute("id").toString());
			username = ss.getAttribute("username").toString();
		}
	}
%>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Thi trắc nghiệm online</title>
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<script type="text/javascript" src="js/general_functions.js"></script>
		<link rel="stylesheet" href="css/thi.css" type="text/css" />
		<script type="text/javascript" src="js/thi.js"></script>
	</head>
	<body>

		<!-- BEGIN Header -->
		<div id="header">
			<div id="header-content">
				<h1><span>styleshout</span></h1>
				<h2 id="slogan">Thi trắc nghiệm online</h2>
				<ul id="header-links">
					<li>
						<%
							if (type.equals("TS")) {
								out.print(hoten);
							} else {
								out.print(username);
							}
						%>
					</li>
					<li><a href="logout.jsp">Đăng xuất</a></li>
				</ul>
				<!-- Menu Tabs -->
				<ul>
					<li><a href="index.jsp" title="Trang chủ"><span>Trang chủ</span></a></li>
					<li id="current"><a href="thi.jsp" title="Thi trắc nghiệm"><span>Thi trắc nghiệm</span></a></li>
					<li><a href="thongke.jsp" title="Tổng hợp kết quả thi"><span>Tổng hợp kết quả thi</span></a></li>
					<li><a href="cauhoi.jsp" title="Soạn câu hỏi"><span>Soạn câu hỏi</span></a></li>
				</ul>
			</div>
		</div>
		<!-- END Header -->


		<!-- BEGIN Content -->
		<div id="content">

			<%
				if (type.equals("QT")) {
					out.println("<h1>Bạn không phải thí sinh</h1>");
					return;
				}
			%>

			<h1 style="text-align:center">THI TRẮC NGHIỆM</h1>
			<br/><br/>

			<div id="step-holder" onclick="phatsinh_ldt();">
				<div class="step-dark-right"></div>
				<div class="step-no">1</div>
				<div class="step-dark-left">Phát sinh loại đề thi</div>
				<div class="step-dark-right">&nbsp;</div>
				<div class="step-no">2</div>
				<div class="step-dark-left">Nhập cấu trúc đề thi</div>
				<div class="step-dark-right">&nbsp;</div>
				<div class="step-no">3</div>
				<div class="step-dark-left">Bắt đầu làm bài thi</div>
				<div class="step-dark-round">&nbsp;</div>
				<div class="clear"></div>
			</div>

			<div id="phatsinh_ldt">
				<table class="uiGrid editor" cellpadding="1" cellspacing="0">
					<tbody>
						<tr>
							<td class="label"><label for="hoten">Tên loại đề thi :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="tenloai" type="text" size ="30" maxlength="30" title="Tên loại không quá 30 ký tự" placeholder="Tên loại không quá 30 ký tự">
									<span class="hint" id="hint_tenloai"></span>
								</div>
							</td>
						</tr>
						<tr>
							<td class="label"><label for="thoigian">Thời gian làm bài :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="thoigian" type="text" size ="30" maxlength="10" title="Tính bằng phút" placeholder="Tính bằng phút (15-90)">
									<span  class="hint" id="hint_thoigian"></span>
								</div>
							</td>
						</tr>
						<tr>
							<td class="label"><label for="socaude">Số câu hỏi dễ :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="socaude" type="text" size ="30" maxlength="10" title="Số câu hỏi dễ" placeholder="Số câu hỏi dễ (<=20)">
									<span  class="hint" id="hint_socaude"></span>
								</div>
							</td>
						</tr>
						<tr>
							<td class="label"><label for="socautb">Số câu hỏi trung bình :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="socautb" type="text" size ="30" maxlength="10" title="Số câu hỏi trung bình" placeholder="Số câu hỏi trung bình (<=20)">
									<span  class="hint" id="hint_socautb"></span>
								</div>
							</td>
						</tr>
						<tr>
							<td class="label"><label for="socaukho">Số câu hỏi khó :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="socaukho" type="text" size ="30" maxlength="10" title="Số câu hỏi khó" placeholder="Số câu hỏi khó (<=20)">
									<span  class="hint" id="hint_socaukho"></span>
								</div>
							</td>
						</tr>
						<tr>
							<td></td>
							<td>
								<input class="mybutton" type="button" value="Bắt đầu với đề phát sinh mới" onclick="batdau_phatsinh_loaidethi();">
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<br/><br/>

			<div id="step-holder" onclick="chon_ldt();">
				<div class="step-dark-right"></div>
				<div class="step-no">1</div>
				<div class="step-dark-left">Chọn loại đề thi</div>
				<div class="step-dark-right">&nbsp;</div>
				<div class="step-no">2</div>
				<div class="step-dark-left">Chọn đề thi</div>
				<div class="step-dark-right">&nbsp;</div>
				<div class="step-no">3</div>
				<div class="step-dark-left">Bắt đầu làm bài thi</div>
				<div class="step-dark-round">&nbsp;</div>
				<div class="clear"></div>
			</div>

			<div id="chon_ldt">
				<!-- begin DANH SÁCH LOẠI ĐỀ THI -->
				<div class="loaidethi">
					<div class="title">
						<div class="header">LOẠI ĐỀ THI</div>
						<div class="info">Xin chọn loại đề thi</div>
					</div>
					<input type="hidden" id="loaidethi_sel" name="loaidethi_sel" value=""/>
					<div class="list" id="loaidethi_list"></div>
				</div>
				<!-- end DANH SÁCH LOẠI ĐỀ THI -->

				<!-- begin DANH SÁCH ĐỀ THI -->
				<div class="dethi">
					<div class="title">
						<div class="header">ĐỀ THI</div>
						<div class="info">Xin chọn đề thi</div>
					</div>
					<input type="hidden" id="dethi_sel" name="dethi_sel" value=""/>
					<div class="list" id="dethi_list"></div>
				</div>
				<!-- end DANH SÁCH ĐỀ THI -->

				<div class="batdau">
					<div id="batdau_failed"></div>
					<input type="button" class="mybutton" value="Bắt đầu với đề được chọn" onclick="batdau();">
					<br/>
					<input type="button" class="mybutton" value="Bắt đầu với đề phát sinh mới" onclick="batdau_phatsinh_dethi();">
				</div>

				<div style="clear:both"></div>
			</div>

			<br/><br/>
			<script type="text/javascript">loaidethi_load(); chon_ldt();</script>

		</div>
		<!-- END Content -->

		<!-- BEGIN footer -->
		<div id="footer">
			<div id="footer-content">
				<div class="footer-left">
					<p style="text-align: right">
						&copy; copyright 2006-2011 <strong class="separator">www.styleshout.com</strong>
					</p>
				</div>
			</div>
		</div>
		<!-- END footer -->

	</body>
</html>
